
<script lang="ts">
  // import {CaretRight,} from '@element-plus/icons-vue'

  import {CaretRight} from "@element-plus/icons-vue";

  export default {
    name: 'Dashboard_Menu',
    components: {CaretRight},
  }
</script>


<template>

  <el-menu
      :router="true"
      default-active="2"
      class="el-menu-vertical-demo"
  >
    <el-sub-menu index="1">
      <template #title>
        <el-icon><CaretRight /></el-icon>
        <span>文生图</span>
      </template>
      <el-menu-item index="/text_to_image">文生图</el-menu-item>
      <el-menu-item index="/test">测试项</el-menu-item>
    </el-sub-menu>

    <el-menu-item index="2">
      <el-icon><CaretRight /></el-icon>
      <span>语音转文</span>
    </el-menu-item>

    <el-menu-item index="/translate">  <!-- 可以添加 disabled 属性，则指定的该菜单项被禁用，不可点击-->
      <el-icon><CaretRight /></el-icon>
      <span>翻译</span>
    </el-menu-item>

  </el-menu>

</template>

<style scoped lang="scss">

</style>